@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input {
   font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; 
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}
html,body { width:100%; height:100%; overflow:hidden; padding:0px;  color:#444; }
html{ min-width:850px; min-height:580px; overflow:auto;}

ul,li,h1,h2,h3,h4,h5,h6,form{ padding:0px; margin:0px; list-style:none; }
table{border-collapse: collapse; border-spacing:0;}
form{ height:100%; text-align:center;}
input,textarea,select{ font-family:Arial, Helvetica, sans-serif; color:#505050; font-size:12px;}
a:link{ color:#444; text-decoration:none;}
a:visited{ color:#444; text-decoration:none;}
a:hover{ color:#d74a37; text-decoration:underline;}
a:active{ color:#444; text-decoration:none;}


a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style:none; } /* for Firefox */ 
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }


input,button,select,textarea{ outline:none; font-family:Microsoft YaHei;}
textarea{  resize:none;}


/*--------------------------------login page-----------------------------*/
.login_top{ width:100%; position:absolute; top:0px; left:0px; z-index:10; min-width:550px; height:100px; display:block; clear:both; text-align:center; margin:0 0 25px 0; background-color:#fff;}
.login_top h1{ font-size:30px; line-height:100px; border-bottom:6px solid #d74a37;}
.login_bottom{ width:100%; position:fixed; _position:absolute; bottom:0px; left:0px; z-index:5; min-width:550px; height:70px; line-height:70px; font-size:12px; color:#666; display:block; clear:both; text-align:center; background:#fff url(images/copyright_line.jpg) repeat-x left top; margin:25px 0 0 0;}
.login_bottom em{ display:inline-block; background:url(images/copyright_logo.jpg) no-repeat left center; padding:0 0 0 65px; font-style:normal;}


.login_cont { display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-align:left; margin:0 auto; _margin:150px auto 0;}
.login_hiddenDiv { height:100%; overflow:hidden; display:inline-block; width:1px; margin-left:-1px; zoom:1; *display:inline; *margin-top:-1px; margin-top:0; vertical-align:middle; }

.login_cont{ width:980px; min-width:550px;  margin-top:130px!important;  margin-bottom:100px!important; height:auto!important; height:100%;  min-height:450px; }
.login_cont .login_pic{ display:block; width:474px; height:483px; float:left; background:url(images/login_pic.jpg) no-repeat;}
.login_cont .login_form{ display:block; width:428px; height:410px; float:right; border:3px solid #d1d1d1; background-color:#eceff4; position:relative; margin:35px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

@media screen and (max-width: 980px) and (min-width: 0px) { 
.login_cont{ width:100%; min-width:550px;  margin-top:130px!important;  margin-bottom:100px!important; height:auto!important; height:100%;  margin:0 auto;  min-height:450px; }
.login_cont .login_pic{ display:block; width:474px; height:483px; float:left; background:url(images/login_pic.jpg) no-repeat; display:none;}
.login_cont .login_form{ display:block; width:428px; height:410px; float:none;  border:3px solid #d1d1d1; background-color:#eceff4; position:relative; margin:35px auto 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
} 


.login_cont .login_form ul{ margin:35px 0 0 0;}
.login_cont .login_form ul li{ display:block; clear:both; width:285px; margin:18px auto; text-align:left;}
.login_cont .login_form ul li input{ display:block; width:100%; padding:0 4px; border:1px solid #d1d1d1; height:37px; line-height:37px; background-color:#fff; font-size:14px; }
.login_cont .login_form .autoLogin{ border:none; width:16px; height:16px; margin:0 4px 0 0; float:left; background:none;}

.login_cont .login_form .loginBtn{ border:1px solid #d74a37; width:293px; cursor:pointer; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0.2em; line-height:34px; text-align:center; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e95845,endColorStr=#d74a37); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #e95845,  #d74a37);        /* IE 10 */
background:-moz-linear-gradient(top,#e95845,#d74a37);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e95845), to(#d74a37));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e95845), to(#d74a37));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #e95845, #d74a37);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #e95845, #d74a37);  /*Opera 11.10+*/
	}
.login_cont .login_form .loginBtn:hover{ border:1px solid #d74a37; width:293px; cursor:pointer; color:#fff; font-size:20px; font-weight:bold; letter-spacing:0.2em; line-height:34px; text-align:center; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eb604b,endColorStr=#de523e); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #eb604b,  #de523e);        /* IE 10 */
background:-moz-linear-gradient(top,#eb604b,#de523e);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#eb604b), to(#de523e));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb604b), to(#de523e));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #eb604b, #de523e);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #eb604b, #de523e);  /*Opera 11.10+*/
	}

.weChat{ display:block; width:100%; text-align:left; vertical-align:middle; clear:both; background-color:#fff; padding:20px 0; position:absolute; bottom:0px; }
.weChat img{ float:left; margin:0 25px 0 72px; padding:5px; border:1px solid #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.weChat span{ font-size:18px; line-height:170%; display:inline-block; margin:23px 0 0 0;}


/*--------------------------------index page-----------------------------*/

#top{ width:100%; position:absolute; top:0px; left:0px; z-index:10; min-width:850px; height:66px; display:block; clear:both; text-align:center; border-bottom:1px solid #464646; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#464646,endColorStr=#383838); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #464646,  #383838);        /* IE 10 */
background:-moz-linear-gradient(top,#464646,#383838);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#464646), to(#383838));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#464646), to(#383838));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #464646, #383838);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #464646, #383838);  /*Opera 11.10+*/
background-color:#383838;
}
#top .logo{ display:inline-block; background:url(images/logo.png) no-repeat left center; height:43px; line-height:41px; font-size:24px; font-weight:bold; color:#efefef; padding:0 0 0 54px; margin:10px 0 0 21px; float:left; overflow:hidden; text-decoration:none; letter-spacing:0.1em;}
#top .topInfo{ float:right; margin:17px 0 0 0;  }
#top .topInfo span{ float:right; display:inline-block; padding:3px 15px; background-color:#202020; color:#959595; line-height:22px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  font-size:13px;}
#top .topInfo a{ float:right; color:#dedede; display:inline-block; padding:3px 9px; margin:0 21px 0 6px; line-height:22px;  font-size:13px;} 

#container{ width:100%; display:block; clear:both; height:100%; background-color:#f8f8f8; margin:66px 0 0 0; position:relative; min-height:100%;}
.sidebar{ width:260px; float:left; background-color:#eceff4; border-right:1px solid #d1d1d1; height:100%; position:absolute; left:0px; _top:66px;  z-index:3; }
.sidebar_title{ display:block; clear:both; background-color:#eceff4; line-height:58px; height:58px; font-size:18px; text-align:center;}
.sidebar ul{  border-bottom:1px solid #d1d1d1; }
.sidebar ul li{ display:block; position:relative; clear:both; }
.sidebar ul li a{ display:block; clear:both;  height:55px; line-height:55px; font-size:14px; border-top:1px solid #d1d1d1;  position:relative;}
.sidebar ul li a em{ display:block; width:70px; height:55px; border-right:1px solid #d1d1d1; float:left;  margin:0 20px 0 0;}
.sidebar ul li a:hover{ text-decoration:none;}
.sidebar ul li a:hover em{ display:block; width:70px; height:55px; border-right:1px solid #d1d1d1; float:left; }
.sidebar ul li ol li {  margin:0 0 0 73px; display:block; clear:both; border-left:1px solid #d1d1d1; }
.sidebar ul li ol li a { border-bottom:none; border-top:none; height:37px !important; line-height:37px; padding:0 10px 0 42px; border-left:3px solid #eceff4;}
.sidebar ul li ol li a:hover { background-color:#e2e2e2; }

.sidebar .subList {  border-top:1px solid #d1d1d1; display:block; clear:both; }

.sidebar .icon_1 a em{  border-left:3px solid #d74a37; background:url(images/nav_icon.png) no-repeat 19px 13px;}
.sidebar .icon_1 a:hover{ color:#d74a37;}
.sidebar .icon_1 a:hover em{  border-left:3px solid #d74a37; background:#d74a37 url(images/nav_icon.png) no-repeat -69px 13px;}
.sidebar .icon_1 ol li a:hover,.sidebar .icon_1 .subList .over,.sidebar .icon_1 .subList .over:hover  { border-left:3px solid #d74a37; background-color:#e2e2e2;}
.sidebar .icon_1 .over em,.sidebar .icon_1 .over:hover em{ border-left:3px solid #d74a37; background:#d74a37 url(images/nav_icon.png) no-repeat -69px 13px; }


.sidebar .icon_2 a em{  border-left:3px solid #ec870f; background:url(images/nav_icon.png) no-repeat 19px -50px;}
.sidebar .icon_2 a:hover{ color:#ec870f;}
.sidebar .icon_2 a:hover em{  border-left:3px solid #ec870f; background:#ec870f url(images/nav_icon.png) no-repeat -69px -50px;}
.sidebar .icon_2 ol li a:hover,.sidebar .icon_2 .subList .over a,.sidebar .icon_2 .subList .over a:hover { border-left:3px solid #ec870f; background-color:#e2e2e2;}
.sidebar .icon_2 .over em,.sidebar .icon_2 .over:hover em{ border-left:3px solid #ec870f; background:#ec870f url(images/nav_icon.png) no-repeat -69px -50px; }


.sidebar .icon_3 a em{  border-left:3px solid #39ba73; background:url(images/nav_icon.png) no-repeat 19px -113px;}
.sidebar .icon_3 a:hover{ color:#39ba73;}
.sidebar .icon_3 a:hover em{  border-left:3px solid #39ba73; background:#39ba73 url(images/nav_icon.png) no-repeat -69px -113px;}
.sidebar .icon_3 ol li a:hover,.sidebar .icon_3 .subList .over a,.sidebar .icon_3 .subList .over a:hover { border-left:3px solid #39ba73; background-color:#e2e2e2;}
.sidebar .icon_3 .over em,.sidebar .icon_3 .over:hover em{ border-left:3px solid #39ba73; background:#39ba73 url(images/nav_icon.png) no-repeat -69px -113px; }


.sidebar .icon_4 a em{  border-left:3px solid #3d8dc6; background:url(images/nav_icon.png) no-repeat 19px -180px;}
.sidebar .icon_4 a:hover{ color:#3d8dc6;}
.sidebar .icon_4 a:hover em{  border-left:3px solid #3d8dc6; background:#3d8dc6 url(images/nav_icon.png) no-repeat -69px -180px;}
.sidebar .icon_4 ol li a:hover,.sidebar .icon_4 .subList .over a,.sidebar .icon_4 .subList .over a:hover { border-left:3px solid #3d8dc6; background-color:#e2e2e2;}
.sidebar .icon_4 .over em,.sidebar .icon_4 .over:hover em{ border-left:3px solid #3d8dc6; background:#3d8dc6 url(images/nav_icon.png) no-repeat -69px -180px; }


.sidebar .icon_5 a em{  border-left:3px solid #3d8dc6; background:url(images/nav_icon.png) no-repeat 19px -383px;}
.sidebar .icon_5 a:hover{ color:#3d8dc6;}
.sidebar .icon_5 a:hover em{  border-left:3px solid #3d8dc6; background:#3d8dc6 url(images/nav_icon.png) no-repeat -69px -383px;}
.sidebar .icon_5 ol li a:hover,.sidebar .icon_5 .subList .over a,.sidebar .icon_5 .subList .over a:hover  { border-left:3px solid #3d8dc6; background-color:#e2e2e2;}
.sidebar .icon_5 .over em,.sidebar .icon_5 .over:hover em{ border-left:3px solid #3d8dc6; background:#3d8dc6 url(images/nav_icon.png) no-repeat -69px -383px; }

.main{ display:block; height:100%; margin-left:260px; overflow:hidden;}
.mainTitle{ display:block; background-color:#fff; border-top:6px solid #d74a37; border-bottom:1px solid #d1d1d1; min-height:52px; max-height:92px; overflow:hidden;}
.mainTitle ul{ margin:0 5px; padding:6px 0;}
.mainTitle ul li{ float:left; }
.mainTitle ul li a{ display:block; clear:both; padding:5px 14px 5px 9px; border:1px solid #969696; background-color:#969696; color:#fff; margin:6px 0 5px 16px; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight:bold; white-space:nowrap;}
.mainTitle ul li a:hover{ background-color:#fff; color:#888; text-decoration:none;}
.mainTitle ul li a i{ display:block; width:9px; height:9px; background:url(images/nav_icon.png) no-repeat right -279px; position:absolute; top:2px; right:3px;}
.mainTitle ul li a:hover i{ display:block; width:9px; height:9px; background:url(images/nav_icon.png) no-repeat left -279px;}
.mainTitle .curr a,.mainTitle .curr a:hover{ background-color:#fff; color:#888; text-decoration:none;}
.mainTitle .curr a i,.mainTitle .curr a:hover i{ display:block; width:9px; height:9px; background:url(images/nav_icon.png) no-repeat left -279px;}

.mainCont{ display:block; clear:both; height:100%; }


